<template>
    <div>
        <TopNav :obj="obj"></TopNav>
        <GaiLan class="gailan"></GaiLan>
        <EquipmentList></EquipmentList>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import GaiLan from './components/GaiLan.vue'
import TopNav from '@/components/TopNav.vue';
import EquipmentList from './components/EquipmentList.vue';
export default defineComponent({
    name: 'DataView',
    components: { GaiLan, TopNav, EquipmentList },
    setup() {
        const Data: any = reactive({
            obj: {
                path: '',
                title: '设备列表',
                msg: '监控所有设备状态'
            }
        })
        return { ...toRefs(Data) }
    }
});
</script>

<style lang="less" scoped>
.gailan {
    width: 100%;
}
</style>